﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ConsultaTrafico.aspx.cs" Inherits="ReporteTrafico.ConsultaTrafico" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <!--
    Designed by CompanyName
    Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"
    -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <title>..:: ReporteTráfico.com ::.. - Consulta Tráfico en Tiempo Real</title>

    <script type="text/javascript" src="script.js"></script>

    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />

    <style type="text/css">
        .art-PostHeader
        {
            font-family: "Adobe Caslon Pro Bold";
            font-size: small;
            color: #F5E693;
            font-weight: 700;
        }
        .PostHeader
        {
            text-align: justify;
        }
    </style>

</head>
<body>
    <form id="formHome" runat="server">
    <div id="art-main">
        <div class="art-Sheet">
            <div class="art-Sheet-tl"></div>
            <div class="art-Sheet-tr"></div>
            <div class="art-Sheet-bl"></div>
            <div class="art-Sheet-br"></div>
            <div class="art-Sheet-tc"></div>                                                                                                                                                                                                                                                                                                                                                                                                                                                 
            <div class="art-Sheet-bc">
                They seem to make lots of good <a href="http://www.flashmint.com/">flash 
                templates.</a> </div>
            <div class="art-Sheet-cl"></div>
            <div class="art-Sheet-cr"></div>
            <div class="art-Sheet-cc"></div>
            <div class="art-Sheet-body">
                <div class="art-Header">
                    <div class="art-Header-jpeg"></div>
                    <div class="art-Logo">
                        <h1 id="name-text" class="art-Logo-name">ReporteTráfico.com</h1>
                        <div id="slogan-text" class="art-Logo-text">el reporte del tráfico en tus manos...</div>
                        
                    </div>
                </div>
                <div class="art-nav">
                	<div class="l"></div>
                	<div class="r"></div>
                	<ul class="art-menu">
                		<li><a href="index.aspx"><span class="l"></span><span class="r"></span><span class="t">
                            Inicio</span></a></li>
                		<li><a href="ConsultaTrafico.aspx" class="active"><span class="l"></span><span class="r"></span><span class="t">
                            Consulta Tráfico</span></a></li>
                        <li><a href="ConsultaUltimoReporteGenerado.aspx"><span class="l"></span><span class="r"></span><span class="t">
                            Consultar Último Reporte Generado</span></a></li>
                    </ul>
                </div>
                <div class="art-contentLayout">
                    <div class="art-content">
                        <div class="art-Post">
                            <div class="art-Post-body">
                        

                            <div class="art-PostContent-Index">
                                  <!-- Aqui va el contenido -->
                                    <table width="615px">
                                        <tr>
                                            <td>
                                                <div id="EncabezadoTraficoTR">
                                                   <h1>Tráfico en Tiempo Real .-</h1>
                                                  Seleccione la ubicación en la que desea consultar el Tráfico en Tiempo Real
                                                 </div>                                           
                                             
                                                                                     
                                            <br />
                                            
                                            <table>
                                                <tr>
                                                    <td>Ubicación</td>
                                                        <td>
                                                            <asp:DropDownList ID="DropDownListUbicacionTR" Width="220px"  runat="server" 
                                                                AutoPostBack="True">
                                                                <asp:ListItem Text="--  Seleccione --" Selected="True"></asp:ListItem>
                                                            </asp:DropDownList>                                                           
                                                        </td>
                                                </tr>
                                            </table>    
                                             
                                                        <asp:Panel ID="PanelLibertador" BorderColor="#FFCC00"
                                                            runat="server" Visible="false">
                                                            <object id="Libertador"  style="width:400px; height:300px" 
                                                            
    title="Cámara en Tiempo Real" type="video" data="http://camaralibertador.dyndns.org:8081/videostream.cgi?user=reportrafico&amp;pwd=libertador"
                                                           >
                                                                <param name="videoTRLibertador"/>
                                                            </object>
                                                        </asp:Panel>
                                             
                                                        <asp:Panel ID="PanelCumbres" BorderColor="#FFCC00"
                                                             runat="server" Visible="False">
                                                            <object id="Cumbres"  style="width:400px; height:300px" 
                                                            
    title="Cámara en Tiempo Real" type="video" data="http://camaracumbres.dyndns.org:8081/videostream.cgi?user=reportrafico&amp;pwd=cumbres"
                                                           >
                                                                <param name="videoTRCumbres"/>
                                                            </object>
                                                        </asp:Panel>
                                             
                                          
                                             
                                        </td>
                                                        
                                            </td>
                                        </tr>
                                    </table>
 
                                  <!-- hasta aqui va el contenido --> 
                            </div>
                            
                            <div class="cleared"></div>
                        </div>
                        
                            
                        </div>

                    </div>
                    <div class="art-sidebar2">
                        <div class="art-Block">
                            <div class="art-Block-body">
                                <div class="art-BlockHeader">
                                    <!--aqui iria el inicio de sesion  o el nombre de la persona logueada -->
                                     <table>
                                            <tr>
                                                <td><asp:Label ID="LabelIdUsuario" runat="server" Visible="false"></asp:Label></td>
                                            </tr>
                                            <tr align="center">
                                                <td align="left"><asp:Label ID="LabelUsuario" runat="server" ForeColor="#FFCC00" Visible="true"></asp:Label></td>
                                                <td align="left"><asp:HyperLink ID="HyperLinkCerrarSesion" Text="Cerrar Sesión" runat="server" Visible="false"
                                                                                        NavigateUrl="~/index.aspx"/></td>
                                            </tr>
                                     </table>
                                     
                                </div>                                    
                                         </div>
                                    </div>
                                </div>
                            </div>
                       </div>
                    </div>
                </div>
                <div class="cleared"></div>
                
                <div class="art-Footer">
                    <div class="art-Footer-inner">
                        <div class="art-Footer-text">
                            <p><a href="#">Contact Us</a> | <a href="#">Terms of Use</a> | <a href="#">
                                Trademarks</a>
                                | <a href="#">Privacy Statement</a><br />
                                Copyright © 2009 . All Rights Reserved.</p>
                        </div>
                    </div>
                    </div>
                    <div class="art-Footer-background"></div>
                </div>
                
                
        <div class="cleared"></div>
        <p class="art-page-footer">XHTML and CSS valid. Powered by <a href="http://www.flashmint.com/">
            FlashMint</a> - flash web templates provider.</p>
   
<div style="text-align: center; font-size: 0.75em;">Design downloaded from <a href="http://www.freewebtemplates.com/">
    free website templates</a>.</div>

    </form>
</body>
</html>